<template lang="html">
  <div class="index">
    <ul>
              
        <router-link tag="li" to="/index/home" >
          <i class="iconfont icon-daohangshouye font" ></i>
          首页
        </router-link>
     
      
        <router-link tag="li" to="/index/home/course">
          <i class="iconfont icon-calendar font" ></i>
          课程
        </router-link>

        <router-link tag="li" to="/index/home/note">
          <i class="iconfont icon-feiji font" ></i>          
          纸条
        </router-link>
      
        <router-link tag="li" to="/index/home/me">
          <i class="iconfont icon-wode font" ></i>
          我的
        </router-link>
      
    </ul>
    <router-view></router-view>
  </div>
</template>

<script>
import "../../font/iconfont.css"
export default {
  name:"index",
  data(){
    return{

    }
  }
}
</script>

<style scoped lang="less">

.index{
  overflow: hidden;
  margin-bottom: 60/50rem;
}
.index ul{
  display: flex;
  height: 60/50rem;
  /*line-height: 80px;*/
  background: #f9f9f9;
  position: fixed;
  bottom: 0rem;
  text-align: center;
  width: 100%;
}

.index ul li {
  flex: 1;
  text-align: center;
  padding-top: 5/50rem;
  font-size: 12/100rem;
}
.font{
  font-size: 24/50rem;
  display: block;
}

.index ul li{
  font-size: 16/50rem;
  color: #999;
}

</style>
